.blue {
    width: 100%;
    height: 64%;
  }
  
  .map {
    width: 100%;
    height: 900rpx;
  }
  
  .page-body {
    position: relative;
  }
  
  // 列表内容
  .page-content {
    width: 93%;
    margin: -40rpx auto 0 auto;
    // height: 520rpx;
    position: relative;
    padding-bottom: 50rpx;
    border-radius: 16rpx;
    background-color: #FFFFFF;
    box-shadow: 0 4rpx 4rpx 0 rgba(0, 0, 0, 0.05);
  
    .wrap {
      padding: 0 30rpx;
      position: relative;
  
      // 正常打卡
      .schedule {
        width: 306rpx;
        height: 306rpx;
        background: linear-gradient(0deg, rgba(0, 56, 247, 1) 0%, rgba(77, 139, 255, 1) 100%);
        box-shadow: 0px 5px 30px 0px rgba(145, 185, 255, 1);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        left: 30%;
        z-index: 99;
        top: -156rpx;
  
        .text {
          margin-bottom: 16rpx;
          color: $uni-bg-color;
          font-family: PingFangSC;
          font-weight: $uni-font-weight;
  
          &:first-child {
            font-size: 42rpx;
          }
  
          &:last-child {
            font-size: 38rpx;
          }
        }
  
      }
  
      // 迟到打卡
      .belate {
        width: 306rpx;
        height: 306rpx;
        background: linear-gradient(0deg, rgba(255, 170, 0, 1) 0.02%, rgba(255, 226, 92, 1) 100%);
        box-shadow: 0px 5px 30px 0px rgba(255, 182, 145, 1);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        left: 30%;
        z-index: 99;
        top: -156rpx;
  
        .text {
          margin-bottom: 16rpx;
          color: $uni-bg-color;
          font-family: PingFangSC;
          font-weight: $uni-font-weight;
  
          &:first-child {
            font-size: 42rpx;
          }
  
          &:last-child {
            font-size: 38rpx;
          }
        }
  
      }
  
      // 外勤打卡
      .legwork {
        width: 306rpx;
        height: 306rpx;
        background: linear-gradient(0deg, rgba(0, 202, 148, 1) 0%, rgba(0, 255, 160, 1) 100%);
        box-shadow: 0px 5px 30px 0px rgba(145, 255, 215, 1);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        left: 30%;
        z-index: 99;
        top: -156rpx;
  
        .text {
          margin-bottom: 16rpx;
          color: $uni-bg-color;
          font-family: PingFangSC;
          font-weight: $uni-font-weight;
  
          &:first-child {
            font-size: 42rpx;
          }
  
          &:last-child {
            font-size: 38rpx;
          }
        }
  
      }
        // 禁止打卡
        .gary {
          width: 306rpx;
          height: 306rpx;
          background: linear-gradient(0deg, rgba(150, 150, 150, 1) 0%, rgba(208, 208, 208, 1) 100%),
linear-gradient(0deg, rgba(0, 56, 247, 1) 0%, rgba(77, 139, 255, 1) 100%);
box-shadow: 0 10rpx 60rpx 0 rgba(212, 220, 233, 1);
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-radius: 50%;
          position: absolute;
          left: 30%;
          z-index: 99;
          top: -156rpx;
    
          .text {
            color: $uni-bg-color;
            font-family: PingFangSC;
            font-weight: $uni-font-weight;
    
            &:first-child {
              line-height: 1.8;
              width: 50%;
              font-size: $uni-font-size-base;
            }
    
            
          }
    
        }
      //打卡信息
      .index-address {
        padding: 180rpx 0 20rpx 0;
        display: flex;
        justify-content: space-between;
  
        // image{width: 20rpx; height: 8rpx;}
        .address-name {
          width: 90%;
          font-family: PingFangSC;
          color: $uni-text-color;
          font-weight: 500;
          font-size: $uni-font-size-base;
        }
  
      }
    }
  
    .clockstatus {
      padding: 0 30rpx;
      margin-top: 28rpx;
      display: flex;
      justify-content: space-between;
  
      .item {
        width: 306rpx;
        height: 130rpx;
        border-radius: 16rpx;
        background-color: #F4F6FA;
        display: flex;
        flex-direction: column;
  
        .each-item {
          padding-left: 30rpx;
  
          &:first-child {
            padding-top: 20rpx;
          }
  
          font-family: PingFangSC;
          color: $uni-text-color;
          font-weight: 500;
  
          .texts {
            margin-left: 10rpx;
            font-size: $uni-font-size-base;
          }
        }
  
        .status {
          color: #FF6200;
          margin-top: 18rpx;
          font-size: $uni-font-size-sm;
          padding-left: 30rpx;
        }
  
        .blues {
          color: $uni-color-primary;
          margin-top: 18rpx;
          font-size: $uni-font-size-sm;
          padding-left: 30rpx;
        }
      }
    }
  }
  .legwork_pop{
    width: 84%;
    margin: 30rpx auto 60rpx auto;
    height: 600rpx;
    .legwork_pop_form{
      width: 90%;
      :deep(.u-form-item__body__left__content) {
        margin-left: 20rpx;
      }
        .u-form-item__body__left__content__label{
        height:80rpx;
        font-family: PingFangSC;
        color: #666;
        font-weight: 500;
       font-size:$uni-font-size-26;
      }
      :deep(.u-form-item__body__left__content__required){top: 35%; left: -12px}
      :deep(.u-upload__button){
        width: 118rpx;
        height: 118rpx;
      }
      .submit{  width: 110%;
        height: 88rpx;
        color: $uni-bg-color;
        font-family: PingFangSC;
        color: #FFFFFF;
        font-weight: 500;
        font-size: $uni-font-size-big;
        padding: 0;
        margin: 28rpx 0 20rpx 0;
        border-radius: 50px;
        background: linear-gradient(90deg, rgba(0, 56, 247, 1) 0%, rgba(77, 139, 255, 1) 100%);
        border: none;}
      .remove{color: $uni-color-primary; margin-top: 20rpx;padding-left: 50%;}
    }
  }